<template>
    <div>
        <keep-alive :include="includes">
            <router-view></router-view>
        </keep-alive>
    </div>
</template>

<script>
export default {
    data() {
        return {

        }
    },
    computed: {
        includes() {
            return this.$store.state.app.alive_routers;
        }
    }
}
    /*
    页面缓存是把页面内容缓存起来，当再次跳转到当前页面后将缓存的内容重新放进来，不会再执行created，mounted，而是执行activated。
    实际生产过程中，被缓存页面可能涉及到

    自己跳转自己，路由没变，不刷新
    自己跳转自己，路由变了，刷新
    自己跳到其他页面，不刷新
    其他页面跳到自己，是刚刚访问过的路由，不刷新
    其他页面跳到自己，不是刚刚访问过的路由，刷新

    创建一个映射表，包含每个组件上一次的路由和本次的路由：如果两个路由不相同，则刷新
    

    不可以有两个router-view，然后判断显示哪一个，这种做法会触发缓存页面反复加载

    */
</script> 